<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ page contentType="text/html; charset=UTF-8" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/Css/bootstrap.css"/>
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/Css/bootstrap-responsive.css"/>
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/Css/style.css"/>
    <script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery2.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery2.sorted.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/js/bootstrap.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/js/ckform.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/js/common.js"></script>

    <style type="text/css">
        table {
            table-layout: fixed; /* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */
        }

        td {
            width: 100%;
            word-break: keep-all; /* 不换行 */
            white-space: nowrap; /* 不换行 */
            overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
            text-overflow: ellipsis;
            /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/
        }


    </style>
</head>
<body>
<form id="recordForm" class="form-inline definewidth m20" action="/" method="post">

    <label><span>ID：</span><input type="text" name="playerId" id="playerId" class="abc input-default"
                                    value="${paramMap.playerId}">&nbsp;&nbsp;
    </label>

    <button type="button" class="btn btn-primary" onclick="queryRecord();">查询</button>
</form>
<table class="table table-bordered table-hover definewidth m10">
    <thead>
    <tr>
        <th width="20%">ID</th>
        <th width="30%">帐号</th>
        <th width="20%">消费钻</th>
        <%--<th width="15%">金额（分）</th>--%>
        <th width="30%">时间</th>
    </tr>
    </thead>
    <tbody>
    <c:forEach items="${page.data}" var="record">
        <tr>
            <td >${record.playerId}</td>
            <td >${record.nickName}</td>
            <td >${record.mahjongCoin}</td>
           <%-- <td >${record.amount}</td>--%>
            <td >${fn:substring(record.recordTime,0,19)}</td>

        </tr>
    </c:forEach>
    </tbody>
    <tfoot>
    <tr bgcolor="EEF7FE">
        <td colspan="14" bgcolor="EEF7FE" class="f">
            <div align="right" style="bgcolor:EEF7FE" class="f">
                <jsp:include page="/common/pageUtil.jsp"></jsp:include>
            </div>
        </td>
    </tr>
    </tfoot>
</table>
</body>
<script type="text/javascript">

    function queryRecord() {
        var form = document.getElementById("recordForm");
        form.action = "<%=request.getContextPath()%>/game/queryPayRecord.html";
        form.submit();
    }

    // 下一页
    function getNextPage(page) {
        var form = document.getElementById("recordForm");
        form.action = "<%=request.getContextPath()%>/game/queryPayRecord.html?pageIndex="+page;
        form.submit();
    }


</script>

</html>